// script.js

// 雪花的数量
const snowflakeCount = 100;
const snowflakesContainer = document.getElementById('snowflakes');

// 随机生成雪花的属性
function createSnowflake() {
    const snowflake = document.createElement('div');
    snowflake.classList.add('snowflake');

    // 随机大小
    const size = Math.random() * 5 + 2; // 雪花大小范围 2px 到 7px
    snowflake.style.width = `${size}px`;
    snowflake.style.height = `${size}px`;

    // 随机起始位置
    snowflake.style.left = `${Math.random() * 100}vw`; // 水平位置
    snowflake.style.animationDuration = `${Math.random() * 3 + 2}s`; // 随机下落时间

    // 随机下落速度
    snowflake.style.animationTimingFunction = 'linear';

    // 随机偏移量
    snowflake.style.animationDelay = `${Math.random() * 5}s`; // 延迟时间

    snowflakesContainer.appendChild(snowflake);
}

// 创建指定数量的雪花
for (let i = 0; i < snowflakeCount; i++) {
    createSnowflake();
}

// 自动更新雪花的下落效果
setInterval(() => {
    const snowflakes = document.querySelectorAll('.snowflake');
    snowflakes.forEach(snowflake => {
        if (snowflake.getBoundingClientRect().top >= window.innerHeight) {
            snowflake.style.top = '-10px'; // 重新从顶部开始
        }
    });
}, 100);
